<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <svg xmlns="http://www.w3.org/2000/svg" width="600" height="300">      
        <line x1="30" y1="80"         x2="200" y2="80"         stroke="#f00"         stroke-width="5" />
    </svg>​
    <!-- 说明：
        line常用属性： x1,y1:指定线起始坐标 x2,y2:指定线结束坐标 stroke：线颜色 相当于canvas中的strokeStyle stroke-width:设置线粗细 -->
    <!-- 相当于canvas中的lineWidth  思考如何绘制点呢？？ -->
</body>

</html>